<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>行情</title>
		<script src="../static/js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="../static/css/index.css"/>
		<script src="index.js"></script>
	</head>
	<style type="text/css">
		.r15{right: 15px;}
		.c80{color: #E1B080;}
		.logo{width: 27px;height: 35px;top: 6px;}
		.logo img{width: 100%;height: 100%;}
		.yst{position: relative;}
		.jbsr{
			background: linear-gradient(to right, rgba(29,30,35,1)0% , rgba(6,177,50,0.15)) !important;
			color: #06B132 !important;
			}
		.jbsg{
			background: linear-gradient(to right, rgba(29,30,35,1)0% , rgba(230,0,32,0.15));
			color: #E60020;
			}
		.kbd{
			width: 100%;
			height: 12%;

		}
		.national {
			width: 100%;
		    height: 46px;
		    padding: 10px 15px;
		    box-sizing: border-box;
		    background-color: #424242;
		    position: fixed;
		    top: 0px;
		    left: 0px;
		    z-index: 22;
		}
		.fix,.fix1{
			width: 100%;
			position: fixed;
			top:46px;
			left: 0px;
			z-index: 22;
		}
		.fix1{
			background: #1d1e23;
			height: 2%;
			width: 100%;
			z-index: 21;
		}
		
		/*.cgree{color: #06B132;}*/
	</style>
	<body ms-controller="root">
		<div class="national">
			<span class="absolute r15 mt3" ms-click="toedit">
				<input type=button style="background:#424242;color: #E1B080;" value="编辑" />
			</span>
			<div class="ChooseNa w30">
				<div class="tc c80 f18">
					交易品种
				</div>
			</div>
			<div class="logo absolute l20">
				<img src="../static/img/logodz.png"/>
			</div>
		</div>
		<div class="fix1"></div>
		<div class="list_title f12 hidden color999 mt5 fix">
			<div class="item_name fl w50">交易品种</div>
			<div class="item_name fl w25 tr">最新价</div>
			<div class="item_name fl w25 tr">涨跌幅<span class="updown inline_block uppic" ms-class-downpic="isup" ms-click="chooseup"></span></div>
		</div>
		<div class="kbd"></div>
		<div class="markets hidden yst" ms-repeat-item="markets" ms-click="toDetail($index)" ms-class-jbsg="item.scope<0" ms-class-jbsr="item.scope>0" >
			<span class="jbsr1"></span>
			<span class="jbsg1"></span>
			<div class="fl w50">
				<div class="f18 color_ef"><span class="markets_span inline_block bgcolor_red f10 mr8">上</span>{{item.type}}</div>
				<div class="mt5 f10 colorccc"><span class="markets_span inline_block bgcolor_blu f10 mr8">主</span>{{item.Number}}</div>
			</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.price}}</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.scope}}%</div>
		</div>
		<div class="markets hidden yst" ms-repeat-item="markets" ms-click="toDetail($index)" ms-class-jbsg="item.scope<0" ms-class-jbsr="item.scope>0" >
			<span class="jbsr1"></span>
			<span class="jbsg1"></span>
			<div class="fl w50">
				<div class="f18 color_ef"><span class="markets_span inline_block bgcolor_red f10 mr8">上</span>{{item.type}}</div>
				<div class="mt5 f10 colorccc"><span class="markets_span inline_block bgcolor_blu f10 mr8">主</span>{{item.Number}}</div>
			</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.price}}</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.scope}}%</div>
		</div>
		<div class="markets hidden yst" ms-repeat-item="markets" ms-click="toDetail($index)" ms-class-jbsg="item.scope<0" ms-class-jbsr="item.scope>0" >
			<span class="jbsr1"></span>
			<span class="jbsg1"></span>
			<div class="fl w50">
				<div class="f18 color_ef"><span class="markets_span inline_block bgcolor_red f10 mr8">上</span>{{item.type}}</div>
				<div class="mt5 f10 colorccc"><span class="markets_span inline_block bgcolor_blu f10 mr8">主</span>{{item.Number}}</div>
			</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.price}}</div>
			<div class="markets_num w25 fl f18 tr cgree">{{item.scope}}%</div>
		</div>
		<div ms-include-src="'../fragment/footer.html'"></div>
	</body>
	
</html>
